<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>

<body>
<h1>用户登录</h1>
用户名：<input name="userName" type="text" id="userName"><br>
密码：<input name="password" type="password" id="password"><br>
<input type="button" value="登录" onclick="login()">

<script src="jquery-3.7.1.js"></script>
<script>
    function login() {
        $.ajax({
            type: "post",
            url: "/user/login",
            data: {
                userName: $("#userName").val(),
                password: $("#password").val()
            },
            // success 表示 http 请求成功
            // 当成功后调用 function 函数 result 接收后端结果
            success: function(result){
                if(result){
                    //密码正确
                    location.href = "loginSuccess.html";
                    // location.assign("loginSuccess.html");
                }else{
                    //密码错误
                    alert("密码错误, 请确认");
                }
            }
        });
    }

</script>
</body>

</html>